@R04       : 0.4rem;
@R03       : 0.3rem;
@box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.2);

#leftbox,
#rightbox {
    width: 15.5rem;
}

#leftbox {
    float: left;
}

#rightbox {
    float: right;
}

.dynamic {
    position      : relative;
    width         : 100%;
    background    : rgb(245, 240, 235);
    border-radius : @R04;
    box-shadow    : @box-shadow;
    padding       : 0.4rem;
    margin-bottom : 0.5rem;
    display       : flex;
    flex-direction: column;

    .imgArray {
        width    : 100%;
        display  : flex;
        flex-flow: row wrap;
        flex-grow: 1;

        .imgbox {
            width         : 33.3333%;
            padding-bottom: 33.3333%;
            position      : relative;

            div {
                width   : 100%;
                height  : 100%;
                position: absolute;
                padding : 0.1rem;
                overflow: hidden;

                img {
                    border-radius: @R03;
                    width        : 100%;
                    height       : 100%;
                    object-fit   : cover;

                    box-shadow: @box-shadow;
                }
            }
        }

    }

    p {
        position   : relative;
        padding    : 0.1rem;
        font-weight: 300
    }

    p.text {
        font-size    : 0.65rem;
        margin-bottom: 0.4rem;

    }

    p.time {
        margin-top: 0.4rem;
        font-size : 0.55rem;
    }
}